<div class="row responsive-sm" ng-if="!loading">

  <div class="col col-10 hidden-xs hidden-sm">&nbsp;</div>

  <div class="col text-center">

    <!-- [NEW] TX input chart -->
    <p class="gray padding text-wrap"
       ng-if="inputChart.data.length"
       translate>GRAPH.ACCOUNT.INPUT_CHART_TITLE</p>
    <canvas id="chart-received-pie" class="chart-pie"
            chart-data="inputChart.data"
            chart-labels="inputChart.labels"
            chart-colors="inputChart.colors"
            chart-click="onInputChartClick">
    </canvas>

  </div>

  <div class="col col-10 hidden-xs hidden-sm">&nbsp;</div>

  <div class="col text-center">

    <!-- [NEW] TX input chart -->
    <p class="gray padding text-wrap"
       ng-if="outputChart.data.length"
       translate>GRAPH.ACCOUNT.OUTPUT_CHART_TITLE</p>
    <canvas id="chart-sent-pie" class="chart-pie"
            chart-data="outputChart.data"
            chart-labels="outputChart.labels"
            chart-colors="outputChart.colors"
            chart-click="onOutputChartClick">
    </canvas>

  </div>

  <div class="col col-10 hidden-xs hidden-sm">&nbsp;</div>

</div>
